<style>
    #identity_edit_frame {
        padding: 10px;
    }
    #identity_edit_frame th,
    #identity_edit_frame td {
        padding: 8px;
        text-align: center;
    }
</style>
<article id="identity_edit_frame">
    <div class="lonix frame" id="device_frame">
        <div class="lonix frame-title">设备信息</div>
        <div class="lonix frame-content">
            <table style="width: 100%">
                <tr>
                    <th width="200">设备</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td><input type="text" id="device" /></td>
                    <td><span id="readCardStatus">设备未连接</span></td>
                    <td><a data-bind="click:check_device">连接</a></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="lonix frame">
        <div class="lonix frame-title">身份识别信息</div>
        <div class="lonix frame-content">
            <input type="hidden" data-bind="value:id" />
            <table style="width: 100%">
                <tr>
                    <th>实体唯一标识：</th>
                    <td><input disabled class="k-textbox" type="text" id="identityId" data-bind="value:identityId" /></td>
                    <th>实体类型：</th>
                    <td><input type="text" id="identityType" data-bind="value:identityType" /></td>
                </tr>
                <tr>
                    <th>实体可视识别码：</th>
                    <td><input class="k-textbox" type="text" data-bind="value:identityVisualId" /></td>
                    <th>资料状态：</th>
                    <td><input type="text" id="status" data-bind="value:status" /></td>
                </tr>
                <tr>
                    <th>实体附加信息：</th>
                    <td colspan="3"><textarea disabled class="k-textbox" id="identityRemark" style="width:445px; resize: vertical" type="text" data-bind="value:identityRemark"></textarea></td>
                </tr>
                <!--<tr>-->
                    <!--<th>对此信息的说明：</th>-->
                    <!--<td colspan="3"><textarea class="k-textbox" style="width:445px; height: 130px; resize: vertical" type="text" data-bind="value:remark"></textarea></td>-->
                <!--</tr>-->
            </table>
        </div>
    </div>
    <div class="lonix frame" id="console_frame">
        <div class="lonix frame-title">控制台</div>
        <div class="lonix frame-content">
            <div id="console" style="height: 95px; overflow-y: scroll"></div>
        </div>
    </div>
    <mark style="color: darkred; display: none;">！编辑状态下仅能改变可视识别码和一些说明，无法更改卡信息</mark>
    <div class="button-frame">
        <a data-bind="click:cancel" class="lonix prev-step"  style="text-decoration: none;">关闭</a>
        <a data-bind="click:save_info" class="lonix finish-step" style="text-decoration: none; display: none;">保存</a>
    </div>
</article>
<script>
    var identityEntityEdit = new IdentityEntityEdit($('#identity_edit_frame'));
</script>